<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>漫画</title>
    <style>
        span {
            padding-left: 10px;
            padding-right: 10px;
            font-size: xx-large;
        }
    </style>
</head>
<body>
<br>
<br>
<br>
<div>
    <span><a href="/list">漫画根目录</a></span><span th:text="${separator}"/>
    <span th:each="path,iterator : ${paths}">
        <a href="#" th:text="${path}" th:href="@{/list(path=${hrefs[iterator.index]})}"></a><span th:text="${separator}"/>
    </span>
</div>
<div>
    <ul th:each="file : ${list}">
        <li th:if="${file.isDirectory}">
            <span><a th:text="${file.fileName}" th:href="@{/list(path=${current == null ? file.fileName : (current + separator + file.fileName)})}"/></span>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span><a target="_blank" th:text="阅读漫画" th:href="@{/read-img(path=${current == null ? file.fileName : (current + separator + file.fileName)})}"/></span>
        </li>
    </ul>
</div>
<div>
    <ul th:each="file : ${list}">
        <li th:if="${!file.isDirectory && file.fileName.endsWith('.zip')}">
            <span><a href="#" th:text="${file.fileName}" th:href="@{/read(path=${current == null ? file.fileName : (current + separator + file.fileName)})}"/></span>
        </li>
    </ul>
</div>

</body>
</html>